﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="create_poll_page.aspx.cs" Inherits="RipPoll.Web.Create_Poll_Page" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Fletcher</title>
<link href="Styles/page_styles.css" rel="stylesheet" type="text/css">
<!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->

<script type="text/javascript">
    var choiceCount = 0;

    function addRow() {
        choiceCount++;
        tabBody = document.getElementById("choicetable");
        row = document.createElement("tr");
        row.id = "choiceRow" + choiceCount;

        cell1 = document.createElement("td");
        textnode1 = document.createElement("input");
        textnode1.id = "txtChoice" + choiceCount;
        textnode1.name = "txtChoice" + choiceCount;
        textnode1.type = "text";
        textnode1.setAttribute("runat", "server");
        cell1.appendChild(textnode1);

        btnnode1 = document.createElement("input");
        btnnode1.type = "button";
        btnnode1.id = "btnDelete" + choiceCount;
        btnnode1.value = "X";
        //btnnode1.onclick = new Function(" alert('hi'); alert(document.getElementById('" + row.id + "').id); document.getElementById('choicetable').removeChild(document.getElementById('" + row.id + "')); choiceCount--; ");
        btnnode1.onclick = new Function(" document.getElementById('choicetable').removeChild(document.getElementById('" + row.id + "')); choiceCount--; document.getElementById('totalchoicecount').value = choiceCount;");

        cell1.appendChild(btnnode1);
        row.appendChild(cell1);
        tabBody.appendChild(row);

        document.getElementById("totalchoicecount").value = choiceCount;

        return false;
    }


    function OnSelectedIndexChange() {

        var e = document.getElementById("cboPollChoice");
        if (e.selectedIndex == 2) {
            document.getElementById("txtChoice0").disabled = false;
            document.getElementById("btnAddChoice").disabled = false;
        }
        else {
            document.getElementById("txtChoice0").disabled = true;
            document.getElementById("btnAddChoice").disabled = true;
        }

    }

        </script>
</head>
<body>
<%--<form id="Main" runat="server">--%>

<div id="container">
  <div id="headerCreatePoll" >    
    
    <div id="menuUpper">
      <ul>
        <li class="upperMenuItem">Sign In</li>
        <li class="upperMenuItem">Join</li>
        <li class="upperMenuItem">Help</li>        
      </ul>
    </div>
    
    <div id="date">      
      <form id="form1" name="form1" method="post" action="" >
        <input name="Search" id="Search" value="Search" type="text" />
        <input name="go" id="go" value="Go" type="submit" />
      </form>      
    </div>   
    
  </div>
  
  <div id="menu">
      <ul>
      <li><a href="http://www.rippoll.com/index.html">Home</a></li>
      <li><a href="http://www.rippoll.com/pages/my_page.html">My Page</a></li>
      <li><a href="http://www.rippoll.com/pages/bulletin_board_world.html">Bulletin Board</a></li>
      <li><a href="http://www.rippoll.com/pages/create_poll_page.html">Rippoll / Community</a></li>
      <li><a href="http://www.rippoll.com/pages/create_poll_page.html">Friends</a></li>
      <li><a href="http://www.rippoll.com/pages/local.html"><span class="menuLocal">Local</span></a></li>
      <li class="menuWorld"><a href="http://www.rippoll.com/pages/world.html">World / Politics</a></li>
      <li><a href="http://www.rippoll.com/pages/sports.html">Sports</a></li>
      <li><a href="http://www.rippoll.com/pages/entertainment.html">Entertainment</a></li>      
    </ul>
  </div>
  
  <div id="mainContent4"> 
  <form id="form2" name="form2" method="post" action="" runat="server">
  
  <div id="stepBoxMain">
  <br>
  <span class="buzzBoxHead">Congratulations!</span><span class="pollText1"> You're on your way to making a
  poll that just might bring about a change in today's society.</span> <br>
</div>
  
<div id="stepBoxMain">
  <div id="stepBox"><img src="Images/create_1.jpg" height="50" width="50"></div>
<div  id="stepBox2"> 
  <h2><span class="textLeft2">Categorize Your Question</span></h2><span class="pollText1">(choose only one)</span><br>
    <br>    
    <%--<input name="radio" id="radio" value="radio" type="radio">--%>
    <asp:RadioButton ID="rdo1" runat="server" GroupName="pollcategory" CssClass="largeText" />
    <%--<span class="largeText">World/Politics</span>--%>
    <%--<input name="radio6" id="radio9" value="radio6" type="radio">--%>
    <asp:RadioButton ID="rdo2" runat="server" GroupName="pollcategory" CssClass="largeText"/>
    <%--<span class="largeText">Local Issues</span>  --%>  
    <%--<input name="radio2" id="radio2" value="radio2" type="radio">--%>
    <asp:RadioButton ID="rdo3" runat="server"  GroupName="pollcategory" CssClass="largeText" />
    <%--<span class="largeText">Sports</span>--%>
    <%--<input name="radio4" id="radio4" value="radio4" type="radio">--%>
    <asp:RadioButton ID="rdo4" runat="server" GroupName="pollcategory" CssClass="largeText" />
    <%--<span class="largeText">Entertainment</span></div>--%>
</div> 

<div id="stepBoxMain">
  <div id="stepBox"><img src="Images/create_2.jpg" height="50" width="50"></div>
<div id="stepBox2"> 
  <h2 class="textLeft2">Ask Your Question</h2>
  <span class="regularTextLower">Profanity, racial slurs and derogatory remarks will not be allowed. Please keep it clean.</span><br>
    <br>
    <br>
    <!--<input name="textfield1" id="textfield1" value="Enter Your Question Here" type="text">-->
    <asp:TextBox ID="txtPollName"  value="Enter Your Question Here" runat="server" 
        CssClass=regularTextLower BackColor="#ffffcc" Width="749px"></asp:TextBox>
</div>
</div>

<div id="stepBoxMain">
  <div id="stepBox"><img src="Images/create_3.jpg" height="50" width="50"></div>
<div id="stepBox2"> 
  <h2 class="textLeft2">Record Your Question </h2>
  <div id="stepBox4">
    You don't have to record your question, but we have found that 
people respond better to an audio 		question than to a written one. It 
can make you famous. Again, profanity, racial slurs and derogatory 
remarks will not be allowed. Please keep it clean. Record your audio 
then press the "Upload" button at left to upload your track. Maximum 
recording time allowed is 15 seconds.
    <br>
	  <br>
	  <img src="Images/youtube_button.jpg" alt="YouTube" class="youTubeButton" height="51" width="50">You
 can also upload a video either from existing content such as from one 
of our partner sites like You Tube or you can create and upload your 
own. All videos will be screened by our staff so keep it clean!
      
      </div> 
  <div id="stepBox3">
    <img src="Images/upload_audio_button.jpg" alt="Upload Audio" height="33" width="140">    <br>
    <br>
    <img src="Images/upload_video_button.jpg" alt="Upload Video" height="33" width="140">  </div>
</div>
</div>

<div id="stepBoxMain">
  <div id="stepBox"><img src="Images/create_4.jpg" height="50" width="50"></div>
<div id="stepBox2"> 
  <h2 class="textLeft2">Ask Your Question</h2>
  <p>To make it easy for you, we have developed 3 different polling formats. Pick a format, enter the answers and you're ready to go!
    (choose only one)</p>
  <p>
    <asp:RadioButton ID="rdoYesNo" Text="Yes / No format" refId="1" GroupName="choicetype" Checked="true" runat="server" />
    <%--<input checked="checked" name="radio6" id="radio6" value="radio6" type="radio">--%>
    <%--Yes / No format--%><br>
    <br>
    <asp:RadioButton ID="rdoMultiChoice" Text="Multiple choice answers (fill in the answer options)" refId="2" GroupName="choicetype" Checked="false" runat="server" />
    <%--<input checked="checked" name="radio7" id="radio7" value="radio7" type="radio">--%>
    <%--Multiple choice answers (fill in the answer options)--%><br>
    <br>
    <asp:RadioButton ID="rdoHighToLow" Text="Fill in the highest to lowest answers (fill in the answer options" refId="3" GroupName="choicetype" Checked="false" runat="server" />
    <%--<input name="radio8" id="radio8" value="radio8" type="radio">--%>
    <%--Fill in the highest to lowest answers (fill in the answer options--%>
    <br>
  </p>
</div>
</div>

<div id="stepBoxMain">
  <div id="stepBox"><img src="Images/create_5.jpg" height="50" width="50"></div>
<div id="stepBox2"> 
  <h2 class="textLeft2">You're all set. Get your friends to approve and start the poll moving.</h2>
	<div id="stepBox4">
	  Get 10 of your friends to look over your poll and approve it (this 
adds validity to the poll and gives it some immediate traction. Then, 
hopefully, your 10 friends will recommend the poll you created to 10 of 
their friends and they, in turn will recommend it to 10 of their 
friends, and so on...<br>
	  <br>
	  <img src="Images/facebook_button.jpg" alt="Facebook" height="51" width="50"> <br>
	</div> 
  <div id="button"><br>
    <br>
    <br>
<br>
    <br>
    <%--<input name="submitMyPoll" id="submitMyPoll" value="Submit My Poll!" type="submit">--%>
    <asp:Button runat="server" ID="btncreatePoll" Text="Submit My Poll!" CssClass="button" />
     <br>
  </div>
</div>
</div>

<div id="stepBoxMain">
  <span class="regularText">All polls submitted will be reviewed by our 
internal audit dept. to make sure they’re not slanderous, malicious, 
derogatory and basically in poor taste.  Keep it clean.  We want our 
polls to be taken seriously, since they may deal with local, state, 
national and worldwide issues.  We strive very hard to make sure that 
this is a positive experience for those submitting polls and those 
viewing  and responding to your polls.</span>
</div>

  </form>
  </div>  

<br class="clearfloat"> 
</div>

<div id="footerBase"></div>

<div id="footer">

  <div id="footerListContainer">
    <div id="footerIcon">      
        <img src="Images/small_logo.png" alt="rippoll.com" height="97" width="96">    
    </div>
    
    <div id="footerListBox">
    <div id="footerList">
      <ul>
        <li>About</li>
        <li>:</li>
        <li>The Team</li>
        <li>:</li>
        <li>Press</li>
        <li>:</li>
        <li>FAQs</li>
      </ul>
      </div>
    <div id="footerList">
      <ul>
        <li>Advertise</li>
        <li>:</li>
        <li>Learn More</li>
        <li>:</li>
        <li>Legal Stuff</li>
        <li>:</li>
        <li>Contact Us</li>
      </ul>
    </div>    
    </div>
    
    <div id="footerRightInfo"> <span class="boldWhiteText">follow us on:<img src="Images/social_media_links.png" height="22" width="78"></span><br>
      <br>
      Rippoll combines the power of social media with the power of 
public opinion. Create a rippoll, share with your friends - they will 
cast their votes and bring about change. We call this the "rippoll 
effect". Make your rippoll today.<br>
    <img src="Images/footer_logo.png" alt="rippoll.com" class="footerLogo" align="right" height="35" width="148"> </div>
    <div id="footerInfo">
      <p><span class="textLeft">© 2011 rippoll, inc. All Rights Reserved</span></p>
      
    </div>
    
  </div>  
  
</div>

<%--</form>--%>

</body></html>